.icon{
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(imageRollover.png) no-repeat;
    text-indent: -3000px;
    *text-indent:0px;
    font:0/0 Arial;
    color:rgba(255,255,255,0);
    vertical-align:bottom;
    width:100px;
    height:100px;
}
 
.iconBeer{}
:hover.iconBeer{background-position:-200px 0px;}
 
.iconWine{background-position:-100px 0px;}
:hover.iconWine{background-position:-300px 0px;}
 
.iconSpirits{background-position:-200px 0px;}
:hover.iconSpirits{background-position:-200px -100px;}
 
.iconCustom{background-position:-100px 0px;}
:hover.iconCustom{background-position:-200px -200px;}
 
<div id="2">
